<div class="sidebar fl"> 
	<!-- /side-news -->
	<div class="side-user clearfix">
		<div class="user-img" title="单击刷新用户信息" onclick="reloadUserInfo()">
			<i class="user-img-cover"></i> 
			<img src="${basePath}static/img/home/person.png" />
			<!-- 注意这里图片尺寸需要开发处理成正方形（大于等于82px*82px），我这里已经通过样样式控制为82*82，或者 -->
		</div>
		<!-- /user-img -->
		<ul class="user-info">
			<li>您好，<a href="${frontPath}home#/user/info"><b id="user_name"></b></a></li>
			<li>余额: <em><span>￥</span><span id="user_coin"></span></em></li>
			<li class="user-btn">
			   <a href="${frontPath}home#/bank/recharge" class="btn-chongzhi"></a>
			   <a href="${frontPath}home#/bank/tocash" class="btn-tixian"></a></li>
		</ul>
		
		<div style="float: right;margin-right: 10px;margin-top: -112px;cursor: pointer;"
		title="单击刷新用户信息"
		 onclick="reloadUserInfo()">
		    <img src="${basePath}static/img/refresh.jpg" style="width:25px;height:25px;" alt="单击刷新用户信息"/>
		    </div>
		<!-- /user-info -->
	</div>
	<!-- /side-user -->
	<div class="side-help">
		<a href="http://tb.53kf.com/webCompany.php?arg=10093400&style=1"
		 target="_blank" class="side-help-news vm"  >
		  <i class="icon-email"></i>在线客服</a>
		  <span>|</span>
		  <a data-flag="help" target="_blank"  class="side-help-news vm" >在线帮助</a> 
	      <span>|</span>
		  <a data-flag="logout"  class="side-help-news vm" >安全退出</a>
	</div>
	<!-- /side-help -->
	<span id="left-menu">
		<#list colorList as itemColor>
		<dl class="side-menu">
			<dt>
				<img src="${frontPath}static/img/home/${itemColor.lottteryImg}" />
				<div class="menu-title-info">
					<h3>${itemColor.lotteryTypeDesc}</h3>
					<p>让彩票融入生活</p>
				</div>
			</dt>
			<#list itemColor.lotteryList as lottery>
			<dd>
				<a href="${frontPath}home#/lottery/<#if lottery.hash?exists>${lottery.hash}</#if>">${lottery.lotteryName}<b>【火爆】</b></a>
			</dd>
			</#list>
		</dl>
		</#list>
	</span>
</div>
<script>
var ddEles = document.getElementById('left-menu').getElementsByTagName('dd');
for(var i =0;i<ddEles.length;i++){
	ddEles[i].onmouseover = function (){
		if(this.className.length > 1){
			this.className = this.className + ' over';
		}else{
			this.className = 'over';
		}
	}
	ddEles[i].onmouseout = function (){
		var _className = this.className.replace(/\bover\b/g , '');
		this.className = _className.replace(/(^\s+)|(\s+$)/g,"");//去掉前后空格
	}
}
</script>
    <!--------- 玩法区域 start ----------->
    <#include "../lottery/template/lottery_template.html">
    <#include "../lottery/template/digital_template.html">
    <#include "../lottery/template/input_template.html">
    <#include "../lottery/template/paly_template.html">
    <#include "../lottery/template/cart_template.html">
    <!--购物车 和 投注记录 区域 -->
   <#include "../lottery/template/history_template.html">